//定制请求的实例

//导入axios  npm install axios
import axios from 'axios';
import { ElMessage } from 'element-plus'
/* import { useRouter } from 'vue-router';
const router = useRouter(); */
import router from '@/router'
import { useTokenStore } from '@/stores/token';
//定义一个变量,记录公共的前缀  ,  baseURL
const baseURL = '/api';
const instance = axios.create({baseURL})

//添加请求拦截器
instance.interceptors.request.use(
    (config) =>{
        //请求前的回调
        //添加token
        const tokenStore = useTokenStore();
        if(tokenStore.token){
            config.headers['token'] = tokenStore.token
        }
        return config
    },
    (err) =>{
        //请求错误的回调
        Promise.reject(err)
    }
)

//添加响应拦截器
instance.interceptors.response.use(
    result=>{
        //操作成功
        if (result.data.code === 1) {
            //返回响应的数据
            return result.data
        }
        //操作失败
        if(result.data.code === 0){
            return Promise.reject(result.data)
        }
        
        ElMessage.error(result.data.msg?result.data.msg:"服务异常")
        return Promise.reject(result.data); 
    },
    err=>{
        if(err.response.status===401){
            ElMessage.error('用户登录异常，请重新登录')
            router.push('/login')
        }else if(err.response.status===403){
            ElMessage.error('用户权限不足')
        }else{
            ElMessage.error('服务异常');
        }
        return Promise.reject(err);//异步的状态转化成失败的状态
    }
)

export default instance;